<template lang="">
  <div class="vip-container">
    <!-- <h1 class="vip-title">VIP 会员</h1> -->
    <a-empty class="vip-empty" description="暂无 VIP 特权">
      <!-- <template #description>
        <span>成为 VIP 会员,享受更多特权!</span>
      </template> -->
      <!-- <a-button type="primary">立即开通</a-button> -->
    </a-empty>
  </div>
</template>

<script>
export default {
  data() {
    return {
      emptyImage: 'https://gw.alipayobjects.com/zos/antfincdn/ZHrcdLPrvN/empty.svg'
    }
  }
}
</script>

<style scoped>
.vip-container {
  /* padding: 20px; */
  /* display: flex; */
  /* justify-content: center; */
  /* background-color: #fff; */
  /* min-height: 100vh; */
  /* text-align: center; */
  /* min-height: 50vh; */
}

.vip-title {
  text-align: center;
  color: #1890ff;
  margin-bottom: 30px;
}

.vip-empty {
  background-color: white;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  min-height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
</style>
